/* stylelint-disable declaration-empty-line-before */
// @import 'ant-design-vue/lib/style/themes/default.less';
// @import 'ant-design-vue/dist/antd.dark.less';
// @root-entry-name: variable;
@light: #fff;
@dark: #fff;
@realDark: #212332;
@ChineseRed: #ffe5e5;
@blue: #e6f5ff;

html:not(.dark) {
  @component-background: @light;
}

// html.dark {
// }
 .topMenuHeader .logo {
    padding:7px 30px!important;
  }
.setStyle(@className, @propName) {
  html {
    &.dark {
      .@{className} {
        @{propName}: @dark;
      }
    }

    &.light {
      .@{className} {
        @{propName}: @light;
      }
    }

    &.realDark {
      .@{className} {
        @{propName}: @realDark;
      }
    }

    &.ChineseRed {
      .@{className} {
        @{propName}: @ChineseRed;
      }
    }

    &.blue {
      .@{className} {
        @{propName}: @blue;
      }
    }
  }
}

.themeColor(@classNames, @i: 1) when(@i =< length(@classNames)) {
  @className: extract(@classNames, @i);

  .setStyle(@className, background-color);
  .setStyle(@className, color);

  .themeColor(@classNames, (@i + 1));
}

.themeTextColor(@classNames, @i: 1) when(@i =< length(@classNames)) {
  @className: extract(@classNames, @i);
  .setStyle(@className, color);
  .themeColor(@classNames, (@i + 1));
}

.themeBgColor(@classNames, @i: 1) when(@i =< length(@classNames)) {
  @className: extract(@classNames, @i);
  .setStyle(@className, background-color);
  .themeBgColor(@classNames, (@i + 1));
}
